{% extends "base.html" %}

{% block title %}{{ _('error.404.title') }} - {{ _('app.name') }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8 text-center">
        <div class="error-container my-5">
            <h1 class="display-1 text-muted">404</h1>
            <i class="bi bi-exclamation-circle text-warning" style="font-size: 5rem;"></i>
            <h2 class="mt-4">{{ _('error.404.header') }}</h2>
            <p class="lead text-muted">{{ _('error.404.message') }}</p>
            <div class="mt-5">
                <a href="{{ url_for('index') }}" class="btn btn-primary">
                    <i class="bi bi-house-door"></i> {{ _('error.back_home') }}
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}